<template>
    <component :is="currentLayout"></component>
</template>

<script lang="ts" setup>
//不同的布局
import mainNoTitle from "./mainNotitle.vue"
import mainTitle from "./mainTitle.vue"

import { useLayoutStore } from '@/stores/layoutStore'

import { computed, ref } from "vue";


const layoutStore = useLayoutStore();

const currentLayout = computed(() => {
  return layoutStore.key==="mainTitle" ? mainTitle :mainNoTitle ;
});
</script>

